<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>layui表单</title>
		<link rel="stylesheet" href="css/layui.css">
		<link rel="stylesheet" href="css/widget.css">
	</head>

	<body>
		<form class="layui-form" id="app">
			<table class="table">
				<tr>
					<th colspan="6" class="caption">付款申请单</th>
				</tr>
				<tr>
					<td class="bgColor">No</td>
					<td><input type="text" class="layui-input"></td>
					<td class="bgColor">申请日期</td>
					<td><input type="text" class="layui-input test1" placeholder="yyyy-MM-dd"></td>
					<td class="bgColor">申请部门</td>
					<td><input type="text" class="layui-input"></td>
				</tr>
				<tr><br />
					<td class="bgColor">发票抬头</td>
					<td><input type="text" class="layui-input"></td>
					<td class="bgColor">支出类别</td>
					<td><input type="text" class="layui-input"></td>
					<td class="bgColor">申请人</td>
					<td><input type="text" class="layui-input" value="张三"></td>
				</tr>
				<tr>
					<td class="bgColor">客户名称</td>
					<td><input type="text" class="layui-input invalid" required lay-verify="required"></td>
					<td class="bgColor">公司地址</td>
					<td><input type="text" class="layui-input"></td>
					<td class="bgColor">公司邮箱</td>
					<td><input type="text" class="layui-input" value="张三"></td>
				</tr>
				<tr>
					<td class="bgColor">联系人</td>
					<td><input type="text" class="layui-input"></td>
					<td class="bgColor">公司电话</td>
					<td><input type="number" class="layui-input"></td>
					<td class="bgColor">手机</td>
					<td><input type="number" class="layui-input"></td>
				</tr>
				<tr>
					<td class="bgColor">付款方式</td>
					<td>
						<select class="get-select" data-url="selectOption.json?id=11">
						</select>
					</td>
					<td class="bgColor">开户行</td>
					<td><input type="text" class="layui-input"></td>
					<td class="bgColor">账号</td>
					<td><input type="number" class="layui-input"></td>
				</tr>
				<tr>
					<td class="bgColor">合同号</td>
					<td>
						<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">调用</button>
					</td>
					<td class="bgColor">是否已经付款</td>
					<td>
						<select lay-verify="required" class="get-select" data-url="selectOption.json?id=12">

						</select>
					</td>
					<td class="bgColor">实际付款金额</td>
					<td><input type="number" class="layui-input"></td>
				</tr>
			</table>
		</form>
		<script src="jquery.min.js"></script>
		<script src="layui.js"></script>
		<script src="component.js"></script>
		<script>
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				lay('.test1').each(function() {
					laydate.render({
						elem: this,
						format: 'yyyy-MM-dd HH:mm:ss',
						type: 'datetime'
					});
				});
			})
			layui.use('form', function() {
				var form = layui.form;
				oajax(form);

			})
		</script>
	</body>

</html>